﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>测试交互页</title>
</head>
<body>
    <button onclick="loadDevice()">获取整体状态信息</button>
    <div id="listinfo">

    </div>
    <button onclick="controlTarget(0,1)">远程开门</button>
    <button onclick="controlTarget(1,1)">开启风机</button>
    <button onclick="controlTarget(2,1)">开启阀门1</button>
    <button onclick="controlTarget(3,1)">开启阀门2</button>
    <button onclick="controlTarget(4,1)">开启排污阀</button>
    <br />
    <button onclick="controlTarget(0,0)">远程关门</button>
    <button onclick="controlTarget(1,0)">关闭风机</button>
    <button onclick="controlTarget(2,0)">关闭阀门1</button>
    <button onclick="controlTarget(3,0)">关闭阀门2</button>
    <button onclick="controlTarget(4,0)">关闭排污阀</button>
    <br />
    <button onclick="closeWindow()">关闭窗体</button>
    <script>

        // 加载配置信息及最新信息（js调用后台方法）
        function loadDevice() {
            jsObjAsync.loadDevice().then(function (data) {
                document.getElementById("listinfo").innerHTML = JSON.stringify(data);
            });
        }
        // 关闭程序（js调用后台方法）
        function closeWindow() {
            jsObjAsync.closeWindow();
        }
        // 控制开门，开关风机等操作(0:关 | 1：开) / (0：开门 | 1：风机 | 2：开阀1 | 3：开阀2 | 4：开排污阀)
        function controlTarget(type, action) {
            jsObjAsync.controlTarget(type, action);
        }
        // 后台刷新前台控制状态（后台调用前台方法）
        function refreshControl(state) {
            document.getElementById("listinfo").innerHTML = state;
            alert(state);
        }
        // 更新配置信息(后台调用前台方法)
        function refreshDevice(data) {
            document.getElementById("listinfo").innerHTML = JSON.stringify(data);
        }
    </script>
</body>
</html>